import { h } from 'preact'

import Toolbar from 'preact-material-components/esm/Toolbar'
import 'preact-material-components/Toolbar/style.css'

export default ({ onMenuClick }) => (
    <Toolbar className="toolbar">
        <Toolbar.Row>
            <Toolbar.Section align-start>
                <Toolbar.Icon menu onClick={() => onMenuClick()}>menu</Toolbar.Icon>
                <Toolbar.Title>
                    My App
                </Toolbar.Title>
            </Toolbar.Section>
            <Toolbar.Section align-end>
                <Toolbar.Icon>more_vert</Toolbar.Icon>
            </Toolbar.Section>
        </Toolbar.Row>
    </Toolbar>
)

